<template>
  <div class="app-container">
<!--    <RadioGroup class="mb10" :value="accountType" @change="val => accountType = val"></RadioGroup>-->
    <LogisticsServiceProvider></LogisticsServiceProvider>
    <!-- <IndividualDriver v-if="accountType === 'individualDriver'"></IndividualDriver> -->
    <div v-if="accountType === 'individualDriver'">占位</div>
  </div>
</template>

<script>
import { lineList } from "@/api/system/line";
import LogisticsServiceProvider from './logisticsServiceProvider'
import IndividualDriver from './individualDriver'
import RadioGroup from './components/radioGroup'
export default {
  name: "registeredAccount",
  components: {
    LogisticsServiceProvider,
    IndividualDriver,
    RadioGroup
  },
  data() {
    return {
      // 遮罩层
      loading: true,
      // 总条数
      total: 0,
      // 表格数据
      list: [],
      pageNum: 1,
      pageSize: 10,
      // 查询参数
      queryParams: {
        schemeName: undefined,
        associatedArea: undefined
      },
      tableHeight: 0,
      cardHeight: 0,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      options: [{
        label: '广东省',
        options: [{
          value: 'Shenzhen Longgang',
          label: '深圳市 龙岗区'
        }, {
          value: 'Guangzhou Baiyun',
          label: '广州市 白云区'
        }]
      }],
      status: '',
      multipleSelection: [],
      accountType: 'logisticsServiceProvider'
    };
  },
  created() {
    // this.getList();
  },
  methods: {
    /** 查询登录日志列表 */
    getList() {
      this.loading = true;
      lineList(this.queryParams).then(response => {
        this.list = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    handleDetail() {
      this.$refs.detail.showDialog()
    },
    handleEdit() {
      this.$refs.edit.showDialog()
    },
    handleAdd() {
      this.$refs.add.showDialog()
    },
    handleImport() {
      this.$refs.import.showDialog()
    },
    handleExport() {

    },
    handleDelete() {

    },
    handleSelectionChange(val) {
      this.multipleSelection = val;
    }
  }
};
</script>

